<template>
  <router-view v-if="isReload"/>
</template>
<script setup>
// provide用于在祖先组件中提供值，ref用于创建一个响应式引用，nextTick用于在DOM更新后执行回调。
import {provide,ref,nextTick} from "vue";
// const isReload = ref(true);：创建一个响应式引用isReload，并将其初始值设置为true
const isReload = ref(true);
// const reload = ()=>{...}：定义了一个名为reload的函数，用于处理重载逻辑
const reload = ()=>{
  isReload.value=false;
  // nextTick(()=>{...})：使用nextTick函数，在下一个DOM更新周期后执行回调
  nextTick(()=>{
    isReload.value=true;
  })
}
// provide('reload',reload)：使用provide函数，将reload函数提供给所有子孙组件，这样它们可以通过inject来访问这个函数。
provide('reload',reload)
</script>
